<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>HTML5响应式高端大气度假旅游酒店客房预定公司企业官网网站模板</title>
	<meta name="keywords" content="HTML5响应式,高端大气,度假旅游酒店,客房预定,公司企业官网,网站模板" />
	<meta name="description" content="HTML5响应式高端大气度假旅游酒店客房预定公司企业官网网站模板下载。下载文件包含首页、房间介绍、服务介绍、新闻中心、联系我们等6张静态网页模板，采用最新HTML5+CSS3前端技术，非常炫酷大气，网页使用响应式设计，自适应手机移动端，用户体验友好。" /> 
	<meta name="author" content="js代码(www.jsdaima.com)" />
	<meta name="copyright" content="js代码(www.jsdaima.com)" />
	<!-- Stylesheets -->
	<!-- Dropdown Menu -->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/superfish.css">
	<!-- Owl Slider -->
	<!-- <link rel="stylesheet" href="css/owl.carousel.css"> -->
	<!-- <link rel="stylesheet" href="css/owl.theme.default.min.css"> -->
	<!-- Date Picker -->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/bootstrap-datepicker.min.css">
	<!-- CS Select -->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/cs-select.css">
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/cs-skin-border.css">

	<!-- Themify Icons -->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/themify-icons.css">
	<!-- Flat Icon -->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/flaticon.css">
	<!-- Icomoon -->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/icomoon.css">
	<!-- Flexslider  -->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/flexslider.css">
	
	<!-- Style -->
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css">

	<!-- Modernizr JS -->
	<script src="${pageContext.request.contextPath}/js/modernizr-2.6.2.min.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->
	<link rel="shortcut icon" href="favicon.ico"> 
    <link href="${pageContext.request.contextPath}/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/animate.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/animate.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/style1.css?v=4.1.0" rel="stylesheet">
<script>
function checkRoom(){
	document.getElementById('bookFrm').submit();
}
</script>
<style type="text/css">
	.title{
		margin-top: 24px;
		margin-left:90px;
		font-size: medium;
		list-style: none;
	}
</style>
</head>
<body>
	<div id="fh5co-wrapper">
	<div id="fh5co-page">
	<div id="fh5co-header">
		<header id="fh5co-header-section">
			<div class="container">
				<div id="nav-header">
					<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>
					<h1 id="fh5co-logo"><a href="${pageContext.request.contextPath}/RoomServlet/listType">hotel</a></h1>
					<nav id="fh5co-menu-wrap" role="navigation">
						<ul class="sf-menu" id="fh5co-primary-menu">
							<li><a class="active" href="${pageContext.request.contextPath}/RoomServlet/listType">网站首页</a></li>
							<li><a href="${pageContext.request.contextPath}/RoomServlet/listAll">房间介绍</a></li>
							<li><a href="${pageContext.request.contextPath}/services.jsp">服务介绍</a></li>
							<li><a href="${pageContext.request.contextPath}/blog.jsp">新闻中心</a></li>
							<li><a href="${pageContext.request.contextPath}/contact.jsp">联系我们</a></li>
							<li><a href="${pageContext.request.contextPath}/userlist.jsp">个人中心</a></li>
						</ul>
					</nav>
							<%String username=(String)session.getAttribute("username");%>
							<li class="title">欢迎登录,<%=username%></li>
				</div>
			</div>
		</header>
		
	</div>
	<!-- end:fh5co-header -->
	<aside id="fh5co-hero" class="js-fullheight">
		<div class="flexslider js-fullheight">
			<ul class="slides">
		   	<li style="background-image: url(${pageContext.request.contextPath}/images/slider1.jpg);">
		   		<div class="overlay-gradient"></div>
		   		<div class="container">
		   			<div class="col-md-12 col-md-offset-0 text-center slider-text">
		   				<div class="slider-text-inner js-fullheight">
		   					<div class="desc">
		   						<p><span>家庭套间</span></p>
		   						<h2>享受家人美好时光</h2>
			   					<p>
			   						<a href="${pageContext.request.contextPath}/servlet/CheckRoomServlet?roomType=家庭套间" class="btn btn-primary btn-lg">立刻预定</a>
			   					</p>
		   					</div>
		   				</div>
		   			</div>
		   		</div>
		   	</li>
		   	<li style="background-image: url(${pageContext.request.contextPath}/images/slider2.jpg);">
		   		<div class="overlay-gradient"></div>
		   		<div class="container">
		   			<div class="col-md-12 col-md-offset-0 text-center slider-text">
		   				<div class="slider-text-inner js-fullheight">
		   					<div class="desc">
		   						<p><span>大床房</span></p>
		   						<h2>让你的旅途更舒适</h2>
			   					<p>
			   						<a href="${pageContext.request.contextPath}/servlet/CheckRoomServlet?roomType=大床房" class="btn btn-primary btn-lg">立刻预定</a>
			   					</p>
		   					</div>
		   				</div>
		   			</div>
		   		</div>
		   	</li>
		   	<li style="background-image: url(${pageContext.request.contextPath}/images/slider3.jpg);">
		   		<div class="overlay-gradient"></div>
		   		<div class="container">
		   			<div class="col-md-12 col-md-offset-0 text-center slider-text">
		   				<div class="slider-text-inner js-fullheight">
		   					<div class="desc">
		   						<p><span>情侣套间</span></p>
		   						<h2>享受美好双人世界</h2>
			   					<p>
			   						<a href="${pageContext.request.contextPath}/servlet/CheckRoomServlet?roomType=情侣套间" class="btn btn-primary btn-lg">立刻预定</a>
			   					</p>
		   					</div>
		   				</div>
		   			</div>
		   		</div>
		   	</li>
		   	
		  	</ul>
	  	</div>
	</aside>
	<div class="wrap">
		<div class="container">
			<div class="row">
				<div id="availability">
					<form action="${pageContext.request.contextPath}/servlet/CheckRoomServlet" id="bookFrm" method="post">
								<div class="a-col">
									<section> <select class="cs-select cs-skin-border" name="roomType">
										<option value="" disabled selected>选择房间</option>
										<c:if test="${!empty roomlist}">
										<c:forEach items="${roomlist}" var="room">
											<option value="${room.roomtype}">${room.roomtype}</option>
										</c:forEach>
										</c:if>
										<c:if test="${empty roomlist}">未能找到数据</c:if>
									</select> </section>
								</div>
								<div class="a-col alternate">
									<div class="input-field">
										<label for="date-start">入住时间</label> <input type="text"
											class="form-control layer-date" id="start" name="startTime"/>
									</div>
								</div>
								<div class="a-col alternate">
									<div class="input-field">
										<label for="date-end">离开时间</label> <input type="text"
											class="form-control layer-date" id="end" name="endTime"/>
									</div>
								</div>
								<div class="a-col action">
									<a href="javascript:checkRoom()">检查空房</a>
								</div>
							</form>
				</div>
			</div>
		</div>
	</div>
	
	<div id="fh5co-counter-section" class="fh5co-counters">
		<div class="container">
			<div class="row">
				<div class="col-md-3 text-center">
					<span class="fh5co-counter js-counter" data-from="0" data-to="20356" data-speed="2000" data-refresh-interval="50"></span>
					<span class="fh5co-counter-label">登记入住次数</span>
				</div>
				<div class="col-md-3 text-center">
					<span class="fh5co-counter js-counter" data-from="0" data-to="40300" data-speed="2000" data-refresh-interval="50"></span>
					<span class="fh5co-counter-label">服务客户</span>
				</div>
				<div class="col-md-3 text-center">
					<span class="fh5co-counter js-counter" data-from="0" data-to="8200" data-speed="2000" data-refresh-interval="50"></span>
					<span class="fh5co-counter-label">交易</span>
				</div>
				<div class="col-md-3 text-center">
					<span class="fh5co-counter js-counter" data-from="0" data-to="8763" data-speed="2000" data-refresh-interval="50"></span>
					<span class="fh5co-counter-label">在线预订</span>
				</div>
			</div>
		</div>
	</div>
    

	<div id="featured-hotel" class="fh5co-bg-color">
		<div class="container">
			
			<div class="row">
				<div class="col-md-12">
					<div class="section-title text-center">
						<h2>精品套餐</h2>
					</div>
				</div>
			</div>

			<div class="row">
				<div class="feature-full-1col">
					<div class="image" style="background-image: url(${pageContext.request.contextPath}/images/hotel_feture_1.jpg);">
						<div class="descrip text-center">
							<p><small>最低</small><span>￥298/天</span></p>
						</div>
					</div>
					<div class="desc">
						<h3>商务单人大床房</h3>
						<p>
							这里是关于房间的简单介绍这里是关于房间的简单介绍这里是关于房间的简单介绍这里是关于房间的简单介绍这里是关于房间的简单介绍这里是关于房间的简单介绍这里是关于房间的简单介绍
						</p>
						<p><a href="${pageContext.request.contextPath}/servlet/CheckRoomServlet?roomType=商务单人大床房" class="btn btn-primary btn-luxe-primary">立即预定<i class="ti-angle-right"></i></a></p>
					</div>
				</div>

				<div class="feature-full-2col">
					<div class="f-hotel">
						<div class="image" style="background-image: url(${pageContext.request.contextPath}/images/hotel_feture_2.jpg);">
							<div class="descrip text-center">
								<p><small>最低</small><span>￥199/天</span></p>
							</div>
						</div>
						<div class="desc">
							<h3>情侣套间</h3>
							<p>
								这里是关于房间的简单介绍这里是关于房间的简单介绍这里是关于房间的简单介绍这里是关于房间的简单介绍这里是关于房间的简单介绍这里是关于房间的简单介绍这里是关于房间的简单介绍	
							</p>
							<p><a href="${pageContext.request.contextPath}/servlet/CheckRoomServlet?roomType=情侣套间" class="btn btn-primary btn-luxe-primary">立即预定 <i class="ti-angle-right"></i></a></p>
						</div>
					</div>
					<div class="f-hotel">
						<div class="image" style="background-image: url(${pageContext.request.contextPath}/images/hotel_feture_3.jpg);">
							<div class="descrip text-center">
								<p><small>最低</small><span>￥299/天</span></p>
							</div>
						</div>
						<div class="desc">
							<h3>家庭套间</h3>
							<p>
								这里是关于房间的简单介绍这里是关于房间的简单介绍这里是关于房间的简单介绍这里是关于房间的简单介绍这里是关于房间的简单介绍这里是关于房间的简单介绍这里是关于房间的简单介绍
							</p>
							<p><a href="${pageContext.request.contextPath}/servlet/CheckRoomServlet?roomType=家庭套间" class="btn btn-primary btn-luxe-primary">立即预定 <i class="ti-angle-right"></i></a></p>
						</div>
					</div>
				</div>
			</div>

		</div>
	</div>

	<div id="hotel-facilities">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="section-title text-center">
						<h2>酒店特色</h2>
					</div>
				</div>
			</div>

			<div id="tabs">
				<nav class="tabs-nav">
					<a href="#" class="active" data-tab="tab1">
						<i class="flaticon-restaurant icon"></i>
						<span>餐厅</span>
					</a>
					<a href="#" data-tab="tab2">
						<i class="flaticon-cup icon"></i>
						<span>酒吧</span>
					</a>
					<a href="#" data-tab="tab3">
					
						<i class="flaticon-car icon"></i>
						<span>接送</span>
					</a>
					<a href="#" data-tab="tab4">
						
						<i class="flaticon-swimming icon"></i>
						<span>泳池</span>
					</a>
					<a href="#" data-tab="tab5">
						
						<i class="flaticon-massage icon"></i>
						<span>Spa</span>
					</a>
					<a href="#" data-tab="tab6">
						
						<i class="flaticon-bicycle icon"></i>
						<span>健身</span>
					</a>
				</nav>
				<div class="tab-content-container">
					<div class="tab-content active show" data-tab-content="tab1">
						<div class="container">
							<div class="row">
								<div class="col-md-6">
									<img src="${pageContext.request.contextPath}/images/tab_img_1.jpg" class="img-responsive" alt="Image">
								</div>
								<div class="col-md-6">
									<span class="super-heading-sm">WORLD ClASS</span>
									<h3 class="heading">餐厅</h3>
									<p>
										这是餐厅的详细介绍这是餐厅的详细介绍这是餐厅的详细介绍这是餐厅的详细介绍这是餐厅的详细介绍
										这是餐厅的详细介绍这是餐厅的详细介绍这是餐厅的详细介绍这是餐厅的详细介绍这是餐厅的详细介绍
										这是餐厅的详细介绍这是餐厅的详细介绍这是餐厅的详细介绍这是餐厅的详细介绍这是餐厅的详细介绍
									</p>
									<p>
										这是餐厅的详细介绍这是餐厅的详细介绍这是餐厅的详细介绍这是餐厅的详细介绍这是餐厅的详细介绍
										这是餐厅的详细介绍这是餐厅的详细介绍这是餐厅的详细介绍这是餐厅的详细介绍这是餐厅的详细介绍
										这是餐厅的详细介绍这是餐厅的详细介绍这是餐厅的详细介绍这是餐厅的详细介绍这是餐厅的详细介绍
									</p>
									<p class="service-hour">
										<span>服务时间</span>
										<strong>7:30 AM - 8:00 PM</strong>
									</p>
								</div>
							</div>
						</div>
					</div>
					<div class="tab-content" data-tab-content="tab2">
						<div class="container">
							<div class="row">
								<div class="col-md-6">
									<img src="${pageContext.request.contextPath}/images/tab_img_2.jpg" class="img-responsive" alt="Image">
								</div>
								<div class="col-md-6">
									<span class="super-heading-sm">World Class</span>
									<h3 class="heading">酒吧</h3>
									<p>
										这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍
										这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍
										这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍
									</p>
									<p>
										这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍
										这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍
										这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍
									</p>
									<p class="service-hour">
										<span>服务时间</span>
										<strong>7:30 AM - 8:00 PM</strong>
									</p>
								</div>
							</div>
						</div>
					</div>
					<div class="tab-content" data-tab-content="tab3">
						<div class="container">
							<div class="row">
								<div class="col-md-6">
									<img src="${pageContext.request.contextPath}/images/tab_img_3.jpg" class="img-responsive" alt="Image">
								</div>
								<div class="col-md-6">
									<span class="super-heading-sm">World Class</span>
									<h3 class="heading">接送</h3>
									<p>
										这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍
										这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍
										这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍
									</p>
									<p>
										这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍
										这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍
										这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍
									</p>
									<p class="service-hour">
										<span>服务时间</span>
										<strong>7:30 AM - 8:00 PM</strong>
									</p>
								</div>
							</div>
						</div>
					</div>
					<div class="tab-content" data-tab-content="tab4">
						<div class="container">
							<div class="row">
								<div class="col-md-6">
									<img src="${pageContext.request.contextPath}/images/tab_img_4.jpg" class="img-responsive" alt="Image">
								</div>
								<div class="col-md-6">
									<span class="super-heading-sm">World Class</span>
									<h3 class="heading">泳池</h3>
									<p>
										这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍
										这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍
										这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍
									</p>
									<p>
										这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍
										这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍
										这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍
									</p>
									<p class="service-hour">
										<span>服务时间</span>
										<strong>7:30 AM - 8:00 PM</strong>
									</p>
								</div>
							</div>
						</div>
					</div>
					<div class="tab-content" data-tab-content="tab5">
						<div class="container">
							<div class="row">
								<div class="col-md-6">
									<img src="${pageContext.request.contextPath}/images/tab_img_5.jpg" class="img-responsive" alt="Image">
								</div>
								<div class="col-md-6">
									<span class="super-heading-sm">World Class</span>
									<h3 class="heading">Spa</h3>
									<p>
										这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍
										这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍
										这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍
									</p>
									<p>
										这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍
										这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍
										这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍
									</p>
									<p class="service-hour">
										<span>服务时间</span>
										<strong>7:30 AM - 8:00 PM</strong>
									</p>
								</div>
							</div>
						</div>
					</div>
					<div class="tab-content" data-tab-content="tab6">
						<div class="container">
							<div class="row">
								<div class="col-md-6">
									<img src="${pageContext.request.contextPath}/images/tab_img_6.jpg" class="img-responsive" alt="Image">
								</div>
								<div class="col-md-6">
									<span class="super-heading-sm">World Class</span>
									<h3 class="heading">健身</h3>
									<p>
										这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍
										这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍
										这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍
									</p>
									<p>
										这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍
										这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍
										这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍这是关于这的详解介绍
									</p>
									<p class="service-hour">
										<span>服务时间</span>
										<strong>7:30 AM - 8:00 PM</strong>
									</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="testimonial">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="section-title text-center">
						<h2>顾客的快乐时光</h2>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-4">
					<div class="testimony">
						<blockquote>
							&ldquo;If you’re looking for a top quality hotel look no further. We were upgraded free of charge to the Premium Suite, thanks so much&rdquo;
						</blockquote>
						<p class="author"><cite>John Doe</cite></p>
					</div>
				</div>
				<div class="col-md-4">
					<div class="testimony">
						<blockquote>
							&ldquo;我和我的丈夫在这里有一个非常棒的周末，这里的服务很棒，服务员也很友好，乐于服务，真的好评，下次还会来的&rdquo;
						</blockquote>
						<p class="author"><cite>红</cite></p>
					</div>
				</div>
				<div class="col-md-4">
					<div class="testimony">
						<blockquote>
							&ldquo;If you’re looking for a top quality hotel look no further. We were upgraded free of charge to the Premium Suite, thanks so much&rdquo;
						</blockquote>
						<p class="author"><cite>Jane Doe</cite></p>
					</div>
				</div>
			</div>
		</div>
	</div>


	

	<footer id="footer" class="fh5co-bg-color">
		<div class="container">
			<div class="row">
				<div class="col-md-4">
					<div class="copyright">
						<p>&copy; 2018 www.jsdaima.com
						</p>
						<img src="${pageContext.request.contextPath}/images/gw.jpg" />
					</div>
				</div>
				<div class="col-md-8">
					<div class="row">
						<div class="col-md-3">
							<h3>快速链接</h3>
							<ul class="link">
								<li><a href="${pageContext.request.contextPath}/RoomServlet/listType">网站首页</a></li>
								<li><a href="${pageContext.request.contextPath}/RoomServlet/listAll">房间介绍</a></li>
								<li><a href="${pageContext.request.contextPath}/services.jsp">服务介绍</a></li>
								<li><a href="${pageContext.request.contextPath}/blog.jsp">新闻中心</a></li>
								<li><a href="${pageContext.request.contextPath}/contact.jsp">联系我们</a></li>
								<li><a href="${pageContext.request.contextPath}/userlist.jsp">个人中心</a></li>
							</ul>
						</div>
						<div class="col-md-3">
							<h3>友情链接</h3>
							<ul class="link">
								<li><a href="http://www.jsdaima.com/" target="_blank">js代码</a></li>
								<li><a href="http://www.jsdaima.com/js/" target="_blank">js特效</a></li>
								<li><a href="http://www.jsdaima.com/webpage/" target="_blank">前端模板</a></li>
								<li><a href="http://www.jsdaima.com/yuanma/" target="_blank">网站源码</a></li>
								<li><a href="http://www.jsdaima.com/video/" target="_blank">视频教程</a></li>
							</ul>
						</div>
						<div class="col-md-6">
							<h3>订阅</h3>
							<p>
								特色服务和齐全的设施等着你的到来
							</p>
							<form action="#" id="form-subscribe">
								<div class="form-field">
									<input type="email" placeholder="邮箱" id="email">
									<input type="submit" id="submit" value="发送">
								</div>
							</form>
						</div>
					</div>
				</div>
				
			</div>
		</div>
	</footer>

	</div>
	<!-- END fh5co-page -->

	</div>
	<!-- END fh5co-wrapper -->
	
	<!-- Javascripts -->
	<script src="${pageContext.request.contextPath}/js/jquery-2.1.4.min.js"></script>
	<!-- Dropdown Menu -->
	<script src="${pageContext.request.contextPath}/js/hoverIntent.js"></script>
	<script src="${pageContext.request.contextPath}/js/superfish.js"></script>
	<!-- Bootstrap -->
	<script src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
	<!-- Waypoints -->
	<script src="${pageContext.request.contextPath}/js/jquery.waypoints.min.js"></script>
	<!-- Counters -->
	<script src="${pageContext.request.contextPath}/js/jquery.countTo.js"></script>
	<!-- Stellar Parallax -->
	<script src="${pageContext.request.contextPath}/js/jquery.stellar.min.js"></script>
	<!-- Owl Slider -->
	<!-- // <script src="js/owl.carousel.min.js"></script> -->
	<!-- Date Picker -->
	<script src="${pageContext.request.contextPath}/js/bootstrap-datepicker.min.js"></script>
	<!-- CS Select -->
	<script src="${pageContext.request.contextPath}/js/classie.js"></script>
	<script src="${pageContext.request.contextPath}/js/selectFx.js"></script>
	<!-- Flexslider -->
	<script src="${pageContext.request.contextPath}/js/jquery.flexslider-min.js"></script>

	<script src="${pageContext.request.contextPath}/js/custom.js"></script>
	<script src="${pageContext.request.contextPath}/js/plugins/layer/laydate/laydate.js"></script>
	<script>
        
        //日期范围限制
        var start = {
            elem: '#start',
            format: 'YYYY/MM/DD',
            min: laydate.now(), //设定最小日期为当前日期
            max: '2099-06-16', //最大日期
            istime: false,
            istoday: false,
            isclear: false,
            issure: false,
            choose: function (datas) {
                end.min = datas; //开始日选好后，重置结束日的最小日期
                end.start = datas //将结束日的初始值设定为开始日
            }
        };
        var end = {
            elem: '#end',
            format: 'YYYY/MM/DD',
            min: laydate.now(),
            max: '2099-06-16',
            istime: false,
            istoday: false,
            isclear: false,
            issure: false,
            choose: function (datas) {
                start.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };
        laydate(start);
        laydate(end);
    </script>
	

</body>
</html>